<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>权限列表</title>
    <script src="js/public.js"></script>
    <!--<link rel="stylesheet" href="css/index.css" type="text/css">-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="css/currency.css"/>
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.css"/>
    <link rel="stylesheet" href="Font-Awesome-3.2.1/css/font-awesome.min.css"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Access-Control-Allow-Origin" content="application/json; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- 启用 WebApp 全屏模式 -->
    <meta http-equiv="Cache-Control" content="no-transform "/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta name="format-detection" content="telphone=no, email=no"/>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!--<script type="text/javascript" src="js/checkbox.js"></script>-->
    <script src="js/md5.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/permissionsList.js"></script>


    <!--<script type="text/javascript">
    window.onload=function(){

           var fontsize = window.innerWidth/7.5>100?100:window.innerWidth/7.5>100;
           alert(fontsize)
        var winwidth = window.innerWidth
        document.documentElement.style.fontSize = winwidth/7.5 + 'px';
        window.onresize = function () {
            var winwidth = window.innerWidth;
            document.documentElement.style.fontSize = winwidth/7.5 + 'px';
        }
    }
</script>-->
</head>

<body>
<div class="container-fluid">
    <h1>权限列表</h1>
    <form class="form-inline" style="margin-top: 5px;margin-bottom: 5px;">
        <div class="btn-group">
            <button type="button" class="btn btn-primary" id="addPower"><span class="icon-plus">&nbsp;新增</span></button>
            <!--<button type="button" class="btn btn-primary"><span class="icon-save">&nbsp;</span>保存</button>
            <button type="button" class="btn btn-primary"><span class="icon-trash">&nbsp;</span>删除</button>-->
        </div>
        <!--<div class="pull-right input-group">-->
            <!--<input type="text" class="form-control" placeholder="请输入权限名称">-->
            <!--<div class="input-group-append">-->
                <!--<span class="input-group-text"><i class="icon-search"></i>查询</span>-->
            <!--</div>-->
        <!--</div>-->
    </form>


    <div class="table-responsive">
        <table class="table table-striped table-hover" id="powerTable">
            <thead>
            <tr>
                <th>权限名称</th>
                <th>权限类型</th>
                <th>url</th>
                <th>权限标识</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <!--<tr>-->
                <!--<td>123</td>-->
                <!--<td class="btn-group btn-group-justified">-->
                    <!--<button class="btn btn-color-blue">-->
                        <!--<i class="icon-list">&nbsp;</i>menu-->
                    <!--</button>-->
                    <!--<button class="btn btn-color-black">-->
                        <!--<i class="icon-list">&nbsp;</i>button-->
                    <!--</button>-->
                <!--</td>-->
                <!--<td>http://www.baidu.com</td>-->
                <!--<td>123456</td>-->
                <!--<td class="btn-group btn-group-justified">-->
                    <!--<button class="btn btn-color-blue">-->
                        <!--<i class="icon-edit">&nbsp;</i>编辑-->
                    <!--</button>-->
                    <!--&lt;!&ndash;<button class="btn btn-color-black">-->
                        <!--<i class="icon-copy">&nbsp;</i>复制-->
                    <!--</button>&ndash;&gt;-->
                    <!--<button class="btn btn-color-red">-->
                        <!--<i class="icon-trash">&nbsp;</i>删除-->
                    <!--</button>-->
                <!--</td>-->
            </tr>
            </tbody>
        </table>
    </div>

    <!--添加权限-->
    <div class="add_div" style="width:560px;height: 450px">
        <div style="width: 100%;height: 55px; background-color: #d2e9e6;">
            <h5 class="h5_title">添加权限</h5>
        </div>
        <div style="margin-left:10% ;margin-top: 5%">
        <label style="margin: auto; padding: auto; font-size: 1.2rem;">权限名称：</label>
        <input id="addName" type="text" class="input-size" placeholder="请输入权限名称"/><br/><br/>

        <label style="margin: auto; padding: auto;font-size: 1.2rem;">权限类型：</label>
        <select id="addResourceType" style="margin: auto; padding: auto;font-size: 1.2rem;">
            <option value="menu">menu</option>
            <option value="button">button</option>
        </select>
        <br/><br/>
        <label style="margin: auto; padding: auto; font-size: 1.2rem;">URL：</label>
        <input id="addUrl" type="text" class="input-size" placeholder="请输入URL"/><br/><br/>
        <label style="margin: auto; padding: auto; font-size: 1.2rem;">权限标识：</label>
        <input id="addPermission" type="text" class="input-size" placeholder="请输入权限标识"/><br/><br/>
        </div>

        <div style="margin-left: 30%;">
            <button class="btn" id="addPowerY" style="color: blue;"><i class="icon-ok"></i>确认</button>
            <button class="btn"  id="addPowerN" style="margin-left: 10%;color: red;"><i class="icon-remove"></i>取消</button>
        </div>

    </div>
    <!--修改权限-->
    <div class="update_div" style="width:480px;height: 250px">
        <div style="width: 100%;height: 55px; background-color: #d2e9e6;">
            <h5 class="h5_title">修改权限</h5>
        </div>
        <div style="margin-left:10% ;margin-top: 5%">
            <label style="margin: auto; padding: auto; font-size: 1.2rem;">权限名称：</label>
            <input id="updateName" type="text" class="input-size" placeholder="请输入权限名称"/><br/><br/>
            <label style="margin: auto; padding: auto; font-size: 1.2rem;">URL：</label>
            <input id="updateUrl" type="text" class="input-size" placeholder="请输入URL"/><br/><br/>
        </div>
        <div style="margin-left: 30%;">
            <button class="btn" id="updatePowerY" style="color: blue;"><i class="icon-ok"></i>确认</button>
            <button class="btn"  id="updatePowerN" style="margin-left: 10%;color: red;"><i class="icon-remove"></i>取消</button>
        </div>

    </div>
</div>

</body>

</html>